{% extends 'base.html' %}


{% block content %}
    <div class="row  border-bottom white-bg dashboard-header">
        <div class="page-header">
            <h3>容器监控</h3>
        </div>
    </div>
    <div class="row">


    <div class="col-lg-12">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>选择容器</h5>
                <div class="ibox-tools">
                    <a class="collapse-link">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                    <a class="dropdown-toggle" data-toggle="dropdown" href="table_basic.html#">
                        <i class="fa fa-wrench"></i>
                    </a>
                    <ul class="dropdown-menu dropdown-user">
                        <li><a href="table_basic.html#">选项1</a>
                        </li>
                        <li><a href="table_basic.html#">选项2</a>
                        </li>
                    </ul>
                    <a class="close-link">
                        <i class="fa fa-times"></i>
                    </a>
                </div>
            </div>
            <div class="ibox-content">

                <ul class="list-group clear-list m-t">

                    {% for name,url in containerDict.items %}
                        <li class="list-group-item fist-item">

                            <span class="label label-info">{{ forloop.counter }}</span>
                            <a href="{{ url }}" style="margin-left: 30%">
                                {{ name }}</a>
                            <span class="label label-primary pull-right"><i class="fa fa-check"></i></span>
                        </li>
                    {% endfor %}

                </ul>


            </div>
        </div>
    </div>




{% endblock %}

{% block style %}
    <link rel="stylesheet" href="/static/cadv/containers.css">
    <link rel="stylesheet" href="/static/cadv/googletable.css">
    <link href="/static/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">

{% endblock %}

{% block script %}
    <script src="/static/cadv/jquery-1.js"></script>
    <script src="/static/cadv/bootstrap-3.js"></script>
    <!--<script type="text/javascript" src="/static/cadv/google-jsapi.js"></script> -->

    <script type="text/javascript" src="/static/cadv/containers.js"></script>
    <script type="text/javascript" src="/static/cadv/gcharts.js"></script>
    <script src="/static/cadv/googletable.js"></script>
    <!-- Data Tables -->
    <script src="/static/js/plugins/dataTables/jquery.dataTables.js"></script>
    <script src="/static/js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="/static/js/plugins/jeditable/jquery.jeditable.js"></script>

    <script type="application/javascript">

    </script>

{% endblock %}